<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>demo</title>
  <script type="text/javascript" src="../vue.js"></script>
</head>

<body>
  <div id="app">
    <!-- 遍历对象就是遍历对象每一个属性对应的值 -->
    <p v-for="item in obj">{{item}}</p>
    <!-- 遍历数字就是遍历数字对应的次数 从1一直到count对应的值 -->
    <p v-for="item in count">{{item}}</p>
    <!-- 遍历字符串 item就是每一个字符 -->
    <p v-for="item in str">{{item}}</p>
  </div>
</body>
<script type="text/javascript">
  //
  Vue.config.productionTip = false
  const vm = new Vue({
    el: "#app",
    data() {
      return {
        // 遍历对象第一个值就是属性的值 第二个值就是属性名
        obj: {
          name: 'xiaobai',
          age: 20
        },
        count: 20,
        // 遍历字符串会将每一个字符都遍历出来
        str: 'sdjnaskjdnawd'
      }

    }
  })
</script>

</html>